<style>
    #tmsCarInfo .grid .ui-grid-row,.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell{
        height:auto  !important
    }
    #tmsCarInfo .grid1509694232617 .ui-grid-row, .grid1509694232617 .ui-grid-cell, .grid1509694232617 .ui-grid-cell .ui-grid-vertical-bar{
        height:0px !important
    }
    #tmsCarInfo .ui-grid-cell{
        height:auto !important
    }
</style>
<div class="wrapper-sm" id="tmsCarInfo">
    <uib-tabset active="steps.step1" class="tab-container" ng-init="steps={percent:20}" ng-click="select($event)">
        <!-- 标题 -->
        <div active="1" ng-if="steps.percent==20" class="bg-light lter b-b wrapper-sm">
            <uib-tab heading="基本信息" index="1" select="steps.percent=20" style="font-size:16px;font-weight:600"></uib-tab>
        </div>

        <div active="2" ng-if="steps.percent==55" class="bg-light lter b-b wrapper-sm">
            <uib-tab heading="编辑资质信息" disabled="step1.$invalid" select="steps.percent=35" style="font-size:16px;font-weight:600">
        </div>

        <div active="3" ng-if="steps.percent==75" class="bg-light lter b-b wrapper-sm">
            <uib-tab heading="编辑账户列表" disabled="step2.$invalid" select="steps.percent=50" style="font-size:16px;font-weight:600">
        </div>

        <div active="4" ng-if="steps.percent==100" class="bg-light lter b-b wrapper-sm">
            <uib-tab heading="编辑主营线路" disabled="step3.$invalid" select="steps.percent=65" style="font-size:16px;font-weight:600">
        </div>

        <div active="5" ng-if="steps.percent==101" class="bg-light lter b-b wrapper-sm">
            <uib-tab heading="交易记录" disabled="step4.$invalid" select="steps.percent=80" style="font-size:16px;font-weight:600">
        </div>

        <div active="6" ng-if="steps.percent==102" class="bg-light lter b-b wrapper-sm">
            <uib-tab heading="诚信记录" disabled="step5.$invalid" select="steps.percent=100" style="font-size:16px;font-weight:600">
        </div>

        <uib-tab heading="基本信息" index="1" select="steps.percent=20">
            <uib-progressbar value="20" class="progress-xs" type="success"></uib-progressbar>
            <form id="form" name="step1" class="form-validation form-horizontal">
                <div class="form-group">
                    <label class="col-lg-2 control-label">车牌号<span class="text-danger">*</span></label>
                    <div class="col-lg-3">
                        <input id="carEdit_carCode" type="text" class="form-control uppercase input-sm" ng-model="orderAccept_carCode" required placeholder="请填写车牌号" name="orderAccept_carCode" disabled="disabled" ng-pattern="/^[\u4e00-\u9fa5]{1}[a-zA-Z]{1}[a-zA-Z_0-9]{5}$/">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">车型<span class="text-danger">*</span></label>
                    <div class="col-lg-3">
                        <input id="carEdit_carType" class="form-control input-sm" ng-model="orderAccept_carType" name="orderAccept_carType" required disabled="disabled">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">车长<span class="text-danger">*</span></label>
                    <div class="col-lg-3">
                        <input id="carEdit_carLength" class="form-control input-sm" ng-model="orderAccept_carLength" name="orderAccept_carLength" required disabled="disabled">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">核定载重</label>
                    <div class="col-lg-3">
                        <input id="carEdit_bearing" type="text" ng-pattern="/^[0-9]+(.[0-9]{1,4})?$/" class="form-control input-sm" ng-model="orderAccept_bearing" placeholder="请填写核定载重" name="orderAccept_bearing" disabled="disabled">
                    </div>
                    <label class="control-label">吨</label>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">驾驶员姓名<span class="text-danger">*</span></label>
                    <div class="col-lg-3">
                        <input id="carEdit_driver" type="text" class="form-control input-sm" ng-model="orderAccept_driver" placeholder="请填写驾驶员姓名" required name="orderAccept_driver" disabled="disabled">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">身份证号码<span class="text-danger">*</span></label>
                    <div class="col-lg-3">
                        <input type="text" id="carAdd_identity" class="form-control uppercase input-sm" ng-model="orderAccept_identity" required placeholder="请填写身份证号码" name="orderAccept_identity" disabled="disabled" ng-pattern="/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|x|X)$/">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">驾驶员号码<span class="text-danger">*</span></label>
                    <div class="col-lg-3">
                        <input id="carEdit_driverPhone" type="tel" class="form-control input-sm" ng-model="orderAccept_driverPhone" placeholder="请填写驾驶员号码" name="orderAccept_driverPhone" disabled="disabled" ng-pattern="/^1\d{10}$/" required>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">承运类别<span class="text-danger">*</span></label>
                    <div class="col-lg-3">
                        <input id="carEdit_carrierCategory" name="order-accept-carrier-category" class="form-control input-sm" ng-model="orderAccept_carrierCategory" required disabled="disabled">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">车辆来源</label>
                    <div class="col-lg-3">
                        <input id="carEdit_carSource" type="text" class="form-control input-sm" ng-model="orderAccept_carSource" placeholder="请填写车辆来源" name="orderAccept_carSource" disabled="disabled">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">道路运输许可证号</label>
                    <div class="col-lg-3">
                        <input type="text" id="carAdd_permitNumber" class="form-control input-sm" ng-model="orderAccept_permitNumber" placeholder="道路运输许可证号" disabled="disabled" name="orderAccept_permitNumber">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">所属辖区</label>
                    <div class="col-lg-6">
                        <tms-address is-disabled="true" province="provinceCode" city="cityCode" area="areaCode" city-list="deliverCityList" area-list="deliverAreaList" required="true" ischecked="true">
                        <!-- 判定好是CityList还是deliverAreaList -->
                        </tms-address>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">道路运输证字号</label>
                    <div class="col-lg-3">
                        <input id="carAdd_roadTransportCertificateNumber" type="text" class="form-control input-sm" ng-model="orderAccept_roadTransportCertificateNumber" disabled="disabled" placeholder="请填写道路运输证字号" name="orderAccept_roadTransportCertificateNumber">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">地址</label>
                    <div class="col-lg-4">
                        <input id="carEdit_address" type="text" class="form-control input-sm" ng-model="orderAccept_address" placeholder="请填写地址" name="address" disabled="disabled">

                    </div>
                </div>
                
            </form>
        </uib-tab>
        <!-- ui-sref="app.car.carAttachmentEdit" -->
        <uib-tab heading="资质信息" disabled="step1.$invalid" select="steps.percent=35" index="2">
            <!-- ng-controller="carAttachmentEditController" -->
            <uib-progressbar value="35" class="progress-xs" type="success"></uib-progressbar>
            <form name="step2" class="form-validation form-horizontal" novalidate >
                    
                    <div class="wrapper-sm ">
                        <div class="panel panel-default">
                            <div class="panel-heading font-bold">上传证件照片</div>
                            <div class="panel-body" id="uploading">

                                <ng-remplate ng-repeat="attach in attachList">
                                    <div class="col-md-4">
                                        <label class="pull-left m-l m-r">{{attach.title}}</label>
                                    </div>
                                    <div class="wrapper-sm">
                                        <div class="line  pull-in"></div>
                                        <div class="wrapper-sm bg-light dk b-b m-b-xs hidden">
                                            <span class="">上传文件数: <b class="badge bg-info">{{ attach.uploader.queue.length }}</b></span>
                                        </div>
                                        <table class="table bg-white-only b-a">
                                            <thead>
                                                <tr>
                                                    <th width="50%">名称</th>
                                                    <th >大小</th>
                                                    <th >进度</th>
                                                    <th>状态</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr ng-repeat="item in attach.uploader.queue">
                                                    <td>
                                                        <strong>{{item.fileName}}</strong>
                                                       
                                                        <div ng-if="item.imgSrc">
                                                            <img data-ng-src="{{item.imgSrc}}" style="width:300px"  ng-click="handleImgClick(item)" data-toggle="modal" data-target="#tms_carinfo_imgRotate">
                                                        </div>
                                                    </td>
                                                    <td  nowrap>{{ item.fileSize/1024/1024|number:2 }} MB</td>
                                                    <td >
                                                        <div class="progress" style="margin-bottom: 0;">
                                                            <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <span ng-show="item.isSuccess"><i class="glyphicon glyphicon-ok"></i></span>
                                                        <span ng-show="item.isCancel"><i class="glyphicon glyphicon-ban-circle"></i></span>
                                                        <span ng-show="item.isError"><i class="glyphicon glyphicon-remove"></i></span>
                                                    </td>
                                                    <td nowrap>
                                                        <button id="{{attach.uploaderName}}_download" type="button" class="btn btn-primary btn-xs" ng-click="[attach.uploader.onDownload(item)]" >
                                                            <span class="fa fa-cloud-download"></span> 下载
                                                        </button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </ng-remplate>
                            </div>

                        </div>
                    </div>
            </form>

        </uib-tab>
        <uib-tab heading="账户信息" disabled="step2.$invalid" select="steps.percent=50" index="3">
            <uib-progressbar value="50" class="progress-xs" type="success"></uib-progressbar>
            <form name="step3" class="form-horizontal form-validation" novalidate >
                    
                    <div class="wrapper-sm">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                账户列表
                            </div>
                            <div class="table-responsive">
                                <div ui-grid="gridOptions" id="page_carBankManagent_gridOptions" ui-grid-pagination ui-grid-auto-resize ui-grid-resize-columns style="height:{{heightA}}px; min-height:395px; overflow-y:hidden;">
                                    <div class="watermark" ng-if="!gridOptions.data.length">暂无数据</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
        </uib-tab>
        <uib-tab heading="主营线路" disabled="step3.$invalid" select="steps.percent=65" index="4">
                <uib-progressbar value="65" class="progress-xs" type="success"></uib-progressbar>
                <form name="step4" class="form-validation form-horizontal" novalidate>
                        
                        <div class="wrapper-sm">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    主营线路列表
                                </div>
                                <div class="table-responsive">
                                    <div ui-grid="gridOptionsRoute" ui-grid-pagination ui-grid-auto-resize style="height:{{heightA}}px; min-height:395px; overflow-y:hidden;">
                                        <div class="watermark" ng-if="!gridOptionsRoute.data.length">暂无数据</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </form>
        </uib-tab>
        <uib-tab heading="交易记录" disabled="step4.$invalid" select="steps.percent=80" index="5">
                <uib-progressbar value="80" class="progress-xs" type="success"></uib-progressbar>
                <div class="wrapper-sm">
                        <!-- ng-controller="carTradingRecordController" -->
                        <i class="fa fa-truck m-l-xs m-r-xs m-b-xs text-lg text-danger"></i>总计承运次数：<label class="text-danger">{{total}}</label>
                        <div class="panel panel-default">
                            <div class="panel-heading font-bold">查询</div>
                            <div class="panel-body">
                                <label class="control-label pull-left w-xxs">货物名称</label>
                                <div class="col-md-3">
                                    <input id="carTradingRecord_goodsName" type="text" class="form-control input-sm" ng-model="queryTerms.goodsName" placeholder="请输入货物名称" name="goodsNameAppCar">
                                </div>
                                <label class="control-label pull-left w-xxs">货物数量</label>
                                <div class="col-md-3">
                                    <input type="number" ng-pattern="/^[0-9]+(.[0-9]{1,4})?$/" class="form-control input-sm" id="carTradingRecord_goodsNum" ng-model="queryTerms.goodsNum" placeholder="请输入货物数量" name="goodsNumAppCar">
                                </div>
                                <label class="control-label pull-left w-xxs">线路地址</label>
                                <div class="col-md-3">
                                    <input type="text" class="form-control input-sm" id="carTradingRecord_route" ng-model="queryTerms.route" placeholder="请输入线路地址" name="routeAppCar">
                                </div>
                                <div class="line line-xs pull-in" style="margin-top:40px"></div>
                                <label class="control-label pull-left w-xxs">发货地址</label>
                                <div class="col-md-3">
                                    <input type="text" class="form-control input-sm" id="carTradingRecord_shipAddress" ng-model="queryTerms.shipAddress" placeholder="请输入发货地址" name="shipAddressAppCar">
                                </div>
                                <label class="control-label pull-left w-xxs">送货地址</label>
                                <div class="col-md-3">
                                    <input type="text" class="form-control input-sm" id="carTradingRecord_deliverAddress" ng-model="queryTerms.deliverAddress" placeholder="请输入送货地址" name="deliverAddressAppCar">
                                </div>
                                <label class="control-label pull-left w-xxs"></label>
                                <div class="col-md-3">
                                    <button id="carTradingRecord_query" ng-click="queryFunc()" class="btn btn-sm btn-default btn-addon" ng-class="{'disabled':quering}" ng-disabled="quering">
                                        <i class="fa fa-search" ng-show="!quering"></i>
                                        <i class="fa fa-spinner no-bordr" ng-show="quering" ng-class="{'fa-spin':quering}"></i>
                                        <span ng-show="!quering">查询</span>
                                        <span ng-show="quering">查询中...</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                交易记录列表
                            </div>
                            <div class="table-responsive">
                                <div ui-grid="gridOptionsTrading" ui-grid-pagination ui-grid-auto-resize ui-grid-resize-columns style="height:{{heightTradingA}}px;min-height:390px; overflow-y:hidden;">
                                    <div class="watermark" ng-if="!gridOptionsTrading.data.length">暂无数据</div>
                                </div>
                            </div>
                        </div>
                </div>
        </uib-tab>
        <uib-tab heading="诚信记录" disabled="step5.$invalid" select="steps.percent=100">
                <!-- ui-sref="app.car.carEvaluateManagent" -->
                <uib-progressbar value="100" class="progress-xs" type="success"></uib-progressbar>
                <div class="wrapper-sm" >
                        <i class="glyphicon glyphicon-user m-l-xs m-r-xs m-b-xs text-lg text-danger"></i>评分：<label class="text-danger">{{averageApp / totalItemsApp | number:1 }}分</label><br/>
                        <label class="curpoint">全部（<label class="curpoint text-danger">{{totalApp}}</label>）</label> / <label class="curpoint" ng-model="praiseCountApp">好评（<label class="curpoint text-danger">{{praiseCountApp}}</label>）</label>
                        / <label class="curpoint">差评（<label class="curpoint text-danger">{{totalApp - praiseCountApp}}</label>）</label>
                        <div ng-repeat="item in evaluateList track by $index ">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <div class="text-md">
                                        <label>{{item.average}}</label>
                                        <span uib-rating ng-init="average=item.average/2" ng-model="item.averageStar" read-only="true"
                                            aria-labelledby="default-rating" max="5" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'">
                                        </span> 
                                            <b class="text-danger">({{item.appraiser}})</b>
                                        <label class="pull-right">{{item.creationTime}}</label>
                                    </div>
                                </div>
                                <div class="panel-body">
                                    <div class="col-md-3 form-group text-base">
                                        <label>诚信度</label>
                                        <span uib-rating ng-init="credibility=item.credibility/2" ng-model="item.credibilityStar" read-only="true"
                                            max="5" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'">
                                        </span> 
                                        <b class="text-danger">({{item.credibility}})</b>
                                    </div>
                                    <div class="col-md-3 form-group text-base">
                                        <label>时效性</label>
                                        <span uib-rating ng-init="timeliness=item.timeliness/2" ng-model="item.timelinessStar" read-only="true" max="5"
                                            state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'"></span> <b class="text-danger">({{item.timeliness}})</b>
                                    </div>
                                    <div class="col-md-3 form-group text-base">
                                        <label>服务态度</label>
                                        <span uib-rating ng-init="attitude=item.attitude/2" ng-model="item.attitudeStar" read-only="true" max="5"
                                            state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'"></span> <b class="text-danger">({{item.attitude}})</b>
                                    </div>
                                    <div class="col-md-3 form-group text-base">
                                        <label>运输价格</label>
                                        <span uib-rating ng-init="freight=item.freight/2" ng-model="item.freightStar" read-only="true" max="5" state-on="'fa fa-star text-warning'"
                                            state-off="'fa fa-star-o btn-link'"></span> <b class="text-danger">({{item.freight}})</b>
                                    </div>
                                    <div class="line line-dashed b-b line-lg "></div>
                                    <label class="control-label pull-left m-t-xs">{{item.content}}</label>
                                </div>
                            </div>
                        </div>
                        <div>
                            <ul uib-pagination 
                                max-size="maxApp" 
                                ng-change="pageChanged(currentPage)" 
                                total-items="totalItemsApp*2" 
                                ng-model="currentPage" 
                                class="pagination-sm"
                                rotate="false"
                                previous-text="&lsaquo;" 
                                next-text="&rsaquo;" 
                                first-text="&laquo;" 
                                last-text="&raquo;">
                            </ul>
                        </div>
                </div>
        </uib-tab>
        
    </uib-tabset>
</div>

